<template>
  <div class="navbar">
    <div class="header">
        
      <span @click="goback" ><van-icon name="arrow-left" />返回</span>
      <slot name="middle"></slot>
      <span  @click="gohome"><van-icon name="wap-home-o" />首页</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {
      goback(){
          this.$router.go(-1)
      },
      gohome(){
          this.$router.push("/faxian")
      }
  },
  created() {},
  mounted() {},
  components: {},
};
</script>
<style scoped>
.navbar{
    position: sticky;
    top: 0px;
    z-index: 999;
}
.header {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #c20c0c;
}
</style>